<html>
<head>
	<title>Correlation Matrix Demo</title>
	<style type="text/css">
		body{
			font-family: Verdana, Arial, Sans-serif;
		}
		#matrix{
			border: 1px solid #aaa;
			width: 650px;
			height: 480px;
		}
	</style>
	<script type="text/javascript" src="lib/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="lib/raphael-min.js.txt"></script>
	<script type="text/javascript" src="crlmatrix.js"></script>
	<script type="text/javascript">
		new CrlMatrix("matrix", [
			{x:26, y:10, v:100},
			{x:28, y:20, v:10},
			{x:36, y:91, v:10},
			{x:136, y:151, v:90},
			{x:136, y:121, v:70},
			{x:136, y:131, v:60},
			{x:42, y:35, v:40},
			{x:76, y:55, v:30}
		]);
	</script>
</head>
<body>
	<h1>Correlation Matrix Demo</h1>
	<div id="matrix"></div>
	<div id="display"></div>
</body>
</html>